<template>
  <router-link to="/">
    <div class="logo">
      <img src="@/assets/vue.svg" alt="" />
      <span v-if="!system.collapse">ADMIN</span>
    </div>
  </router-link>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { useSystemStore } from '@/store/system';

export default defineComponent({
  setup() {
    const system = useSystemStore();
    return {
      system,
    };
  },
});
</script>

<style scoped lang="less">
.logo {
  display: flex;
  align-items: center;
  justify-content: center;
  > span {
    margin-left: 10px;
    font-weight: 600;
    font-size: 20px;
  }
}
a {
  // color: #000;
  text-decoration: none;
}
</style>
